/*引入公共变量*/
@import "base_min.less";
@import "publice.less";
@import "publice_user.less";

/*初始化*/
body{
	/*min-height:600px;*/
 /* position: absolute;
  top:0;
  bottom: 0;
  min-height: 600px;*/

}
.user-info-body .main_wrap
{
  min-height: 700px;
}
.register-body .main_wrap
{
  min-height: 700px;
}

.lbbg{/*width:338px;*/z-index:-2; /*background-image:url('../img/user/bg1.png'); background-repeat:no-repeat;*/ position:absolute; bottom:0; right:0;width:25%;}


/*注册*/
.user_reg{margin:20px 0 0 0; padding:0 0 0 102px;
	@mb:13px;
	.item{margin-bottom:@mb;} 
	.field{margin-bottom:@mb; font-family: "Microsoft YaHei";font-size:14px; color: #7E7F81; display:block;}

  .write{
	    display: inline-block;
		vertical-align: middle;
		min-height:25px;
		.form_control{
		  display: inline-block;
		  width: 280px; padding:8px 15px; margin-right:22px;vertical-align: middle;
		  font-size: 14px;
		  font-family: "Microsoft YaHei";
		  color: #7E7F81;
		}
	.notice{color:#9c9c9e; width:275px;}
		.data{font-size:16px; color:#4b4b4b;}
		a{color:#4f83d2;}
	}
	.item_password{
		.form_control{margin-right:26px;}
		.success{margin-top:8px;}  
	}

	.protocol{
		display: inline-block;
		vertical-align: middle;
		cursor:pointer; color:#77777d;
		.user_icons{width:14px; height:14px; background-position:-37px 0; vertical-align:-2px;}
		span{padding-left:8px;}
		.active{background-position:-56px 0;}
	}
	.item_protocol{margin:22px 0;
		a{
		  display: inline-block;
		  vertical-align: middle;
		  color:@color_blue; margin-right:22px;
			&:hover{text-decoration:underline;}
		}
	}
	.register_btn{.btn_attr(146px, 43px, 18px, #fff); line-height:18px;}
	.to_btn{margin-top:25px; 
		span{color:#000; margin-right:15px; position:relative; left:0; top:5px;}
		.simple_btn{.btn_attr(91px, 28px, 12px, #5179c4); text-decoration:none;}
		.user_icons{width:14px; height:14px; vertical-align:-2px; margin-left:6px;}
	}
	.hidden_box{visibility: hidden; position: absolute; }
	label.error{display: inline-block; width:275px;vertical-align: middle;line-height: normal;}
    label.upload_error{margin-top: 10px;}
    label.hide{visibility: hidden;}
	label.success{display: inline-block; width:275px;vertical-align: middle;line-height: normal;color:#4f83d2;}
	label.pwd_empty{margin-top:10px;};
	.item_code{margin-top:25px;
		.field{display:inline;}
		.form_control{width: 50px; height: 34px; line-height:34px; margin: 0 10px;}
	}
	.img_code{ vertical-align:middle; cursor:pointer; margin-right:22px;}
	.right_icon{width:20px; height:20px; background-position:-128px -30px; vertical-align:-4px;}
	.find_btn{.btn_attr(144px, 34px, 18px, #fff); line-height:18px;}
	.checked_email_box{margin-bottom:27px;}

    .btn
	{
		display: inline-block;
	 	border-radius: 3px;
		border: solid 1px transparent;
		padding: 5px 10px;
		font-size: 14px;
		vertical-align: middle;
	    cursor: pointer;
	}

    .btn.btn-style-blue
	{
	    color: #ffffff;
		background-color: #a5c1f4;
		box-shadow: inset 1px 2px 2px rgba(255,255,255,.08);
		border-color: #9ebbf1;
	}
	.btn.btn-style-blue:hover
	{
	    background-color: #88AFF5;
	}
  	.btn.btn-style-blue:active
	{
	    box-shadow: inset 1px 2px 2px rgba(78, 0, 213, 0.08);
	}
    .btn[disabled],.btn.btn-style-blue:hover[disabled],.btn.btn-style-blue:active[disabled]
	{
		background-color: #BDD3FC;
		border-color: #BCD3FD;
		cursor: default;
	    color: #f5f5f5;
	 	box-shadow: inset 1px 2px 2px rgba(255,255,255,.08);
	}
    .send-sms
	{
	    margin-right: 10px;
	}
	.valid_text
	{
	  	padding-left: 25px;
		background: no-repeat 10px center;
	    &.valid_right
		{
		  color:#5ab05e;
		  background-image: url("../img/user/valid_right.png");
		}
	    &.no_valid
		{
		  background-image: url("../img/user/no_valid.png");
		}
	}
  	.waring_tip
	{
	    display: inline-block;
	    vertical-align: middle;
	    margin-right: 5px;
	    width: 15px;
	  	height: 15px;
	    background: url("../img/user/user_icons.png") no-repeat;
	  	background-position-x: -75px;
	}
    .msg_text
	{
	    display: inline-block;
	  	vertical-align: middle;
	}

    .display_field
	{
		display: inline-block;
		vertical-align: middle;
		width: 316px;
	 	margin-right: 22px;
	    overflow: hidden;
	    text-overflow: ellipsis;
	}
  	.a_btn
	{
	  display: inline-block;
	  vertical-align: middle;
	}
    #submit_user_info_form
	{
	   /*&:after
	   {
		 content: "保 存";
	   }*/
	   &[disabled]{
	   	 .opacity(0.6);
	   }
	   /*&[disabled]:after
	   {
		 content: "保存中...";
	   }*/
	}
    #user_info_form_msg
	{
	   display: none;
	   color: red;
	   span{padding: 3px;vertical-align: middle;}
	   i{
		 background-position-y: 1px;
		 margin-right: 3px;
	   }
	   &.success
	   {
		 color: #4f83d2;
		 i{
		   background-image: url("/static/img/pro_suc.png");
		   background-position: center center;
		   height: 16px;
		   width: 16px;
		 }
	   }
	}
}
#user_info_form
{
  label.error
  {
	display: inline;
	vertical-align: baseline;
	padding-left: 10px;
  }
}

/*email发送成功页*/
.user_send_succ{width:640px;
	.model{margin-bottom:28px;}
	.tips_icon{margin-bottom:18px;
		.big_succ{width:41px; height:41px; background-position:-200px 0;}
	}
	.system_msg{font-size:16px; color:#4b4b4b; line-height:30px;
		span{color:@color_blue; margin:0 15px;}
	}
	.to_email{margin:0 0 25px 0;}
	.to_btn{font-size:16px; color:#4b4b4b; margin-top:5px;
		.simple_btn{line-height:0;}
		.a_btn{line-height:28px;}
		.error-icon{background-position:-76px 0;}
	}
	.success-box{border-bottom:1px solid #ddd;}
	.notice{font-size:14px; color:#858484; margin-bottom:25px;}
	.not-success-box{margin-top:20px;
		dt{font-size:16px; margin-bottom:22px;}
		dd{font-size:14px; margin-bottom:22px; color:#8f8b8b;}
		.reg{line-height:28px;}
		.simple_btn{margin:0 12px;}
	}
	.other-box{padding-top:25px;}
	.register_btn{line-height:40px;}
	.find-succ-box{border-bottom:1px solid #d9d6d6;}
	.msg-box{margin-left:15px; font-size:14px; color:#4b4b4b;}
	.error-box{color:#e53e46;}
	.user_icons.success
	{
	  background-position: -200px 0;
	  width: 41px;
	  height: 41px;
	}
  	.user_icons.error
	{
	  background: url("../img/icon_error.png") no-repeat center center;
	  width: 41px;
	  height: 41px;
	}

}

/*用户资料*/
.uploadbox{margin-bottom:48px;
	.upload{
	  width:104px; height:104px;
	  background-color:#fff; cursor:pointer;
	  text-align:center;
	  margin-right:35px;
	  position:relative;
	  overflow: hidden;
	&.loading
	{
	  .upload_icon
	  {
		background-image: url("../img/user/loading.gif");
	  }
	  span
	  {
		&:after
		{
		  content: '正在上传...';
		}
	  }
	}
	.img-box{width:100%; height:100%;}
		.default{
		  width:100%;
		  height:100%;
		  background-color:#4c4949;
		  overflow:hidden;
		  position: absolute;
		  .opacity(0.8);

		}
		.upload_icon{
		  display:block;
		  width:68px;
		  height:45px;
		  margin:15px auto 8px auto;
		  background:url(../img/user/upload.png) no-repeat center center;

		}

		span{
		  color:#fafbfc;
		  font-size:16px;
		  &:after
		  {
			content: '点击上传';
		  }
		}
	    .upload_txt
		{

		}
		img{width:100%; height:100%;}
		.file_btn
		{
		  position:absolute; top:0; left:0; display:block; width:100%; height:100%; cursor:pointer;
			.opacity(0);
			z-index:1;
		}
	}
	.upload_text{width:260px;
		h2{font-size:18px; color:#4b4b4b; margin-bottom:10px;}
		.tips{width:19px; height:19px; background-position:-155px -30px; vertical-align: middle;}
		.text{color:#a3a4a8; line-height:22px; margin-top:20px;}
		.eidtbox{margin-top:39px;}
	}
	.user_img{cursor:auto;}
  	.simple_btn{
	  width: 89px;
	  height: 28px;
	  line-height: 28px;
	  display: inline-block;
	}
	.edit_profile{
	  /*display:inline-block; width: 91px; height: 28px; line-height:28px;
	  .border_radius(1px); background-color: #6aace9; text-align:center;
	  color:#fff; margin-right:20px;*/
	  /*display: inline-block;*/
	  font-size: 12px;
	  color: #5179c4;
	  text-decoration: none;
	  background-color: transparent;
	  border-radius: 1px;
	  border: solid 1px #5179c4;
		&:hover{text-decoration:none;}
		i{width:14px; height:14px; /*background-position:-19px 0;*/ margin-right:8px; vertical-align:-2px;}
	}
	.edit_pwd{color:@color_blue;
		&:hover{text-decoration:none;}
		i{width:14px; height:14px; margin-left:5px; vertical-align:-3px;}
	}

}
.user_user_info{ 
	.formbox{
		.icon{ font-size:0; margin-right:15px;}
	    .user_info_icon{
			 width:25px;
		     height:26px;
		}
		.nickname_icon{background-position:-100px 0;}
		.companyname_icon{background-position:-131px 0;}
		.mobile_icon{background-position:-160px 0;}
		.save_btn_box{margin-top:32px;}
	  	.email_icon{background-image: url("../img/user/icon_email.png")}
	}
}

/*提示页*/
.tips-box{
	.icon-box{margin-right:12px;}
	.error-icon{display:block; width:17px; height:18px; background:url(/static/img/user/error.png) no-repeat; margin-top:5px;}
	.theme{font-size:18px; color:#4b4b4b; margin-bottom:15px;}
	.desc{color:#6e7176; font-size:14px; margin-bottom:18px;}
	.to_btn{margin-top:0;}
}

.reg-tab-nav
{
    font-size: 0;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid rgb(228, 229, 232);
  	max-width: 800px;
  	li
	{
		display: inline-block;
		vertical-align: middle;
		font-size: 20px;
		font-family: "Microsoft YaHei";
		color: rgb(229, 62, 70);
  		background-color: #fafbfc;
		width: 189px;
		height: 51px;
	    text-align: center;
	    line-height: 47px;
	    border: 1px solid rgb(228, 229, 232);
	  	border-bottom: none;
	    padding: 0;
	    margin: 0;
	    cursor: default;
	    i
		{
		  display: block;
		  height: 4px;
		  background-color: transparent;
		}
	}
  	li:first-child
	{
	    border-right: none;
	}
	li.active
	{
	  	background-color: #ffffff;
	    /*border-top:4px solid rgb(229, 62, 70);*/
	    i
		{
		   background-color: rgb(229, 62, 70);
		}
	}
}
.reg-tab-content
{
	display: none;
	padding-top: 40px;
}
.reg-tab-content.active
{
  display: block;
}
.footer{
  position: absolute!important;
}
/*
@media only screen and (min-height: 500px){
  .footer{
	position: absolute;
  }
}
@media only screen and (min-height: 700px) {
  .footer{
	position: absolute;
  }
}*/
